<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html class="no-js" lang="">
<head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>右导航条</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <%--<link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/static/media/favicon.png">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/bootstrap/css/bootstrap.min.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/icofont/icofont.min.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick-theme.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/magnific-popup/css/magnific-popup.css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/select2/css/select2.min.css" type="text/css">--%>

    <%--<!-- Site Stylesheet -->--%>
    <%--<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/app.css">--%>

    <%--<!-- Google Web Fonts -->--%>
    <%--<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">--%>
<style>
    .aaaa{
        width: 44px;
    }
</style>
</head>

<body class="">
<div class="fixed-sidebar right">
    <div class="fixed-sidebar-right small-sidebar">
        <div class="sidebar-toggle" id="chat-head-toggle">
            <button class="chat-icon">
                <i class="icofont-speech-comments"></i>
            </button>
        </div>
        <div class="sidebar-menu-wrap">
            <div class="mCustomScrollbar" data-mcs-theme="dark" data-mcs-axis="y">
                <ul class="user-chat-list aaa">
                    <%--<script>--%>
                        <%--function touxiang() {--%>
                            <%--$.ajax({--%>
                                <%--"url":"${pageContext.request.contextPath}/user/Right",--%>
                                <%--"type":"GET",--%>
                                <%--"dataType":"json",--%>
                                <%--"success":function (data) {--%>
                                    <%--var str="";--%>
                                    <%--$(data).each(function () {--%>
                                      <%--str+="<li class=\"chat-item chat-open\">\n" +--%>
                                          <%--"                        <div class=\"author-img\">\n" +--%>
                                          <%--"                            <img src=\"${pageContext.request.contextPath}/static/img/"+this.uimg+"\" alt=\"chat\">\n" +--%>
                                          <%--"                            <span class=\"chat-status offline\"></span>\n" +--%>
                                          <%--"                        </div>\n" +--%>
                                          <%--"                    </li>"--%>
                                    <%--})--%>
                                    <%--$(".aaa").after(str);--%>
                                <%--}--%>
                            <%--});--%>
                        <%--}--%>
                        <%--touxiang()--%>
                    <%--</script>--%>
                </ul>
            </div>
        </div>
    </div>
</div>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/jquery/js/jquery.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/popper.js/js/popper.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/bootstrap/js/bootstrap.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/imagesloaded/js/imagesloaded.pkgd.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/isotope-layout/js/isotope.pkgd.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/slick-carousel/js/slick.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/select2/js/select2.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/elevate-zoom/jquery.elevatezoom.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/static/dependencies/bootstrap-validator/js/validator.min.js"></script>--%>
<script src="${pageContext.request.contextPath}/static/js/jquery-1.12.4.js"></script>
<script>
    function touxiang() {
        $.ajax({
            "url":"${pageContext.request.contextPath}/user/Right",
            "type":"GET",
            "dataType":"json",
            "success":function (data) {
                var str="";
                $(data).each(function () {
                    str+="<li class=\"chat-item chat-open\">\n" +
                        "                        <a class=\"author-img\" href='${pageContext.request.contextPath}/Blog/lt?userid2="+this.firend.fid+"'>\n" +
                        "                            <img src=\"${pageContext.request.contextPath}/static/img/"+this.uimg+"\" alt=\"chat\" class='aaaa'>\n" +
                        "                            <span class=\"chat-status offline\"></span>\n" +
                        "                        </a>\n" +
                        "                    </li>"
                })
                $(".aaa").append(str);
            }
        });
    }
    touxiang()
</script>
</body>
</html>
